<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>车辆登记</title>
    <script src="../utils/jquery-3.6.0.min.js"></script>
   <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
   integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

   <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>

    <!-- 引入css文件 -->
    <link rel="stylesheet" href="../CSS/vehicleRegistration.css">
    <!-- 引入图标 -->
    <link rel="stylesheet" href="../font/personsRegistration/iconfont.css">

</head>
<body>
    <!-- 侧边导航栏目 -->
    <div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <h4>疫情防控后台管理系统</h4>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <span class="glyphicon glyphicon-user"><a href="../pages/login.html">admin</a></span>
                    <span class="glyphicon glyphicon-home"><a href="../pages/homePage.html">首页</a></span>
                    <span class="glyphicon glyphicon-off"><a href="../pages/login.html">退出</a></span>
                </div>
            </div>
        </nav>
    </div>
    <div class="aside">
        <div class="nav">
            <ul class="nav nav-pills nav-stacked">
                <li class="bottomColor">
                    <a href="./homePage.html" class="blue">
                        <span class="glyphicon glyphicon-home"></span>
                        总览
                    </a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-user"></span>流调管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./ManagementConfirmed.html">确诊病例管理</a></li>
                        <li><a href="./CloseContact.html">密接人员管理</a></li>
                        <li><a href="./deathPersonnel.html">死亡人员管理</a></li>
                        <li><a href="./healPatients.html">治愈患者管理</a></li>
                        <li><a href="./serviceAudit.html">服务审核</a></li>
                    </ul>
                </li>
                <li>
                    <a href="./commandAndDispatch.html"><span class="glyphicon glyphicon-thumbs-up"></span>指挥调度</a>
                </li>
                <li class="visit-registration">
                    <a href="#" class="visit-a"><span class="glyphicon glyphicon-pencil"></span>来访登记<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./vehicleRegistration.html">车辆登记</a></li>
                        <li><a href="./personsRegistration.html">人员登记</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-edit"></span>居家检测<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./backlogPage.html">每日待办</a></li>
                        <li><a href="./addedPage.html">每日新增</a></li>
                        <li><a href="./monitorPage.html">居家监测</a></li>
                        <li><a href="./FollowPage.html">密切跟踪</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-stats"></span>信息管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./emergency.html">突发事件处理</a></li>
                        <li><a href="./houserApplication.html">住户基本信息</a></li>
                    </ul>
                </li>
                <li class="show">
                    <a href="./notice.html"><span class="glyphicon glyphicon-yen"></span>通知公告</a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-registration-mark"></span>统计分析<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                            <ul>
                                <li><a href="./Information register.html">信息登记统计表</a></li>
                                <li><a href="./Close contact.html">密接人群分析表</a></li>
                                <li><a href="./Abnormal warning.html">异常预警统计表</a></li>
                            </ul>
                </li>

                <li>
                    <a href="#"><span class="glyphicon glyphicon-asterisk"></span>设置<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./organizationMGT.html">组织管理</a></li>
                        <li><a href="./accountMGT.html">账号管理</a></li>
                        <li><a href="./roleMGT.html">角色管理</a></li>
                        <li><a href="./xiTongRiZhi.html">系统日志</a></li>
                        <li><a href="./shuJuZiDianGuanLi.html">数据字典管理</a></li>
                        <li><a href="./xiTongSheZhi.html">系统设置</a></li>
                    </ul>
                </li>
                <!-- <li>
                    <a href="#"><span class="glyphicon glyphicon-tags"></span>住户申请<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>成员管理</li>
                        <li>角色管理</li>
                        <li>操作日志</li>
                        <li>数据库管理</li>
                        <li>客服管理</li>
                    </ul>
                </li> -->
            </ul>
        </div>
        











        <!-- 进出人员信息 -->
    <div class="homePage">
        <div class="container-fluid list-page">
            <h1 class="title">车辆登记</h1>
            <div class="sift">
             <div class="sift-inp">
                 <p>姓名：<input type="text" placeholder="请输入" class="name-inp"></p>
             </div>
             <div class="sift-btn">
                 <button class="search">查询</button>
                 <button class="reset">重置</button>
             </div>
            </div>
            <div class="list">
             <h3 class="list-title">信息列表</h3>
             <div class="list-top">
                 <p class="registration"><span class="iconfont icon-residents"></span>车辆登记</p>
                 <p class="refresh"><span class="iconfont icon-refresh"></span>刷新</p>
             </div>
             <div class="list-banner">
                 <table class="table table-bordered table-hover table-style">
                     <thead>
                         <tr>
                             <th>序号</th>
                             <th>姓名</th>
                             <th>车牌号</th>
                             <th>访问住户</th>
                             <th>体温(℃)</th>
                             <th>进入时间</th>
                             <th>备注</th>
                             <th>出去时间</th>
                             <th>操作</th>
                         </tr>
                     </thead>
                     <tbody>
                     </tbody>
                 </table>
             </div>
             <div class="list-bottom">
                 <p>
                     <span class="total-pages">共1页</span>/<span class="total-data">5条数据</span>
                 </p>
                 <div>
                     <nav aria-label="Page navigation">
                         <ul class="pagination">
                             <li>
                                 <a href="#"  class="prev">
                                     <span>上一页</span>
                                 </a>
                             </li>
                             <li><a href="#" class="pageBtn"></a></li>
                             <li>
                                 <a href="#"  class="next">
                                     <span>下一页</span>
                                 </a>
                             </li>
                         </ul>
                     </nav>
                 </div>
             </div>
            </div> 
         </div>
     
     
     
     
     
     
     
     
         <!-- 登记页面 -->
         <div class="container-fluid checkin-page">
             <h1 class="title">人员信息</h1>
            <div class="registration-form">
                 <h3 class="banner-title">登记人员信息</h3>
                 <form>
                     <div class="from-box"><p class="sign">序号</p><input type="text" class="name-inp2 order"></div>
                     <div class="from-box"><p class="sign">姓名</p><input type="text" class="name-inp2 name"></div>
                     <div class="from-box"><p class="sign">车牌号</p><input type="text" class="name-inp2 number"></div>
                     <div class="from-box"><p class="sign">体温(℃)</p><input type="text" class="name-inp2 temperature1"></div>
                     <div class="from-box"><p class="sign">进入时间</p><input type="text" class="name-inp2 time1"></div>
                     <div class="from-box"><p class="sign">出去时间</p><input type="text" class="name-inp2 time2"></div>
                     <div class="from-box"><p class="sign">备注</p><input type="text" class="name-inp2 remark"></div>
                     <div class="from-box">
                         <p class="sign">访问住址</p>
                         <div class="place-box">
                             <p class="place-select">
                                 <span class="address">请选择</span>
                                 <span class="iconfont icon-down"></span>
                             </p>
                             <div class="place-container">
                                 <ul class="place">
                                     <li>成都</li>
                                     <li>重庆</li>
                                     <li>内江</li>
                                     <li>南充</li>
                                 </ul>
                             </div>
                         </div>
                     </div>
                 </form>
                 <div class="visit-reason">访问原因</div>
                 <textarea placeholder="请输入内容" class="reason"></textarea>
                 <div class="fixed-btn">
                <button class="submit-btn">提交</button>
                 <button class="edit-btn">修改</button>
                 <button class="return">返回</button>
                 </div>
                 <div class="mask"></div>
            <div class="save">提交成功</div>
            <div class="issave">
                <p class="savetip">是否提交?</p>
                <div class="choose">
                    <p class="sure">确定</p>
                    <p class="cancel">取消</p>
                </div>
            </div>
            </div> 
     
    </div>









    
    <!-- 引入script文件 -->
    <script src="../JS/vehicleRegistration.js"></script>
</body>
</html>